<template>
    <div style="border: 10px solid teal">
        <h1>GrandSon - 孙子 - {{ money }}</h1>
        <button @click="handleClick">我要改零花钱</button>
    </div>
</template>

<script setup>
import { inject } from 'vue';

// 接收数据
const money = inject('money')
console.log(money.value);
/**
 * 接收方法
 * 如果调用祖先传过来的方法，不违反单向数据流, 本质上还是祖先在改自己的数据
 */
const changeMoney = inject('changeMoney')
const handleClick = () => {
    changeMoney(2000)
}
</script>

<style lang="scss" scoped>

</style>